﻿<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Blog Deatils || Mozar</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
		<!-- favicon
		============================================ -->		
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		
		<!-- Google Fonts
		============================================ -->		
        <link href='http://fonts.useso.com/css?family=Lato:400,400italic,900,700,700italic,300' rel='stylesheet' type='text/css'>
	   
		<!-- Bootstrap CSS
		============================================ -->		
        <link rel="stylesheet" href="css/bootstrap.min.css">
        
        <!-- nivo slider CSS
		============================================ -->
		<link rel="stylesheet" href="src/lib/nivo-slider/css/nivo-slider.css" type="text/css" />
		<link rel="stylesheet" href="src/lib/nivo-slider/css/preview.css" type="text/css" media="screen" />
        
		<!-- Fontawsome CSS
		============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        
		<!-- owl.carousel CSS
		============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        
		<!-- jquery-ui CSS
		============================================ -->
        <link rel="stylesheet" href="css/jquery-ui.css">
        
		<!-- meanmenu CSS
		============================================ -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
        
		<!-- animate CSS
		============================================ -->
        <link rel="stylesheet" href="css/animate.css">
        
		<!-- style CSS
		============================================ -->
        <link rel="stylesheet" href="style.css">
        
		<!-- responsive CSS
		============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
        
		<!-- modernizr JS
		============================================ -->		
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        
        <!--Header Start-->
        <header>
            <div class="header-top">
                <div class="container">
                    <div class="header-container">
                        <div class="row">
                            <div class="col-md-6 col-sm-7">
                                <div class="header-contact">
                                    <span class="email">Email: admin@bootexperts.com </span> / <span class="phone">Phone: +234.546.657</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-5">
                                <div class="currency-language">
                                    <div class="currency-menu">
                                        <ul>
                                            <li><a href="#">USD <i class="fa fa-angle-down"></i></a>
                                                <ul class="currency-dropdown">
                                                    <li><a href="#">EUR</a></li>
                                                    <li><a href="#">USD</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="language-menu">
                                        <ul>
                                            <li><a href="#">English <i class="fa fa-angle-down"></i></a>
                                                <ul class="language-dropdown">
                                                    <li><a href="#">French</a></li>
                                                    <li><a href="#">English</a></li>
                                                    <li><a href="#">German</a></li>
                                                    <li><a href="#">Arabic</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="account-menu">
                                        <ul>
                                            <li><a href="account.html">My Account <i class="fa fa-angle-down"></i></a>
                                                <ul class="account-dropdown">
                                                    <li><a href="wishlist.html">My Wishlist</a></li>
                                                    <li><a href="cart.html">My Cart</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="blog.html">Blog</a></li>
                                                    <li><a href="account.html">Log In</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            <div class="header-main">
                <div class="container">
                    <div class="header-content">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-12">
                                <div class="logo">
                                    <a href="index.html"><img src="img//logo/logo.png" alt="MOZAR"></a>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-8">
                                <div id="search-category">
                                    <form class="search-box" action="#" method="post">
                                        <div class="search-categories">
                                            <div class="search-cat">
                                                <select class="category-items " name="category">
                                                    <option>All Categories</option>
                                                    <option>Women</option>
                                                    <option>Men</option>
                                                    <option>Jewllery</option>
                                                    <option>Bootees Bags</option>
                                                    <option>Clothing</option>
                                                    <option>Footwear</option>
                                                    <option>T-Shirts</option>
                                                </select>
                                            </div>
                                        </div>
                                        <input type="search" placeholder="Search here..." id="text-search" name="search">
                                        <button id="btn-search-category" type="submit">
                                            <i class="icon-search"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-4">
                                <ul class="header-r-cart">
                                    <li><a class="cart" href="cart.html">My Cart:2 items</a>
                                        <div class="mini-cart-content">
                                            <div class="cart-products-list">
                                                <div class="cart-products">
                                                    <div class="cart-image">
                                                        <a href="#"><img src="img/cart/1.jpg" alt=""></a>
                                                    </div>
                                                    <div class="cart-product-info">
                                                        <a href="#" class="product-name"> Donec ac tempus </a>
                                                        <a class="edit-product">Edit item</a>
                                                        <a class="remove-product">Remove item</a>
                                                        <div class="price-times">
                                                            <span class="quantity"><strong> 1 x</strong></span>
                                                            <span class="p-price">$100.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="cart-products">
                                                    <div class="cart-image">
                                                        <a href="#"><img src="img/cart/2.jpg" alt=""></a>
                                                    </div>
                                                    <div class="cart-product-info">
                                                        <a href="#" class="product-name">Quisque in arcu </a>
                                                        <a class="edit-product">Edit item</a>
                                                        <a class="remove-product">Remove item</a>
                                                        <div class="price-times">
                                                            <span class="quantity"><strong> 1 x</strong></span>
                                                            <span class="p-price">$260.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-price-list">
                                                <p class="price-amount">SUBTotal : <span>$356.15</span> </p>
                                                <div class="cart-buttons">
                                                    <a href="checkout.html">Checkout</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            <!--Mainmenu Start-->
            <div class="mainmenu-area hidden-sm hidden-xs">
                <div id="sticker"> 
                    <div class="container">
                        <div class="row">   
                            <div class="col-lg-12 col-md-12 hidden-sm">
                                <div class="mainmenu">
                                    <nav>
                                        <ul id="nav">
                                            <li class="current"><a href="index.html">Home</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#" class="mega-title">Homepage</a></li>
                                                    <li><a href="index-2.html">Homepage Version 2</a></li>
                                                    <li><a href="index-3.html">Homepage Version 3</a></li>
                                                    <li><a href="index-4.html">Homepage Version 4</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="shop-grid.html">Women</a>
                                                <div class="megamenu">
                                                    <div class="megamenu-list clearfix">
                                                        <span>											
                                                            <a href="#" class="mega-title">Clothing</a>
                                                            <a href="#">Blazers</a>
                                                            <a href="#">Jackets</a>
                                                            <a href="#">Collections</a>
                                                            <a href="#">T-Shirts</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Dresses</a>
                                                            <a href="#">Cocktail</a>
                                                            <a href="#">Sunglass</a>
                                                            <a href="#">Evening</a>
                                                            <a href="#">Footwear</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Handbags</a>
                                                            <a href="#">Bootees Bags</a>
                                                            <a href="#">Furniture</a>
                                                            <a href="#">Exclusive</a>
                                                            <a href="#">Jackets</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-title">Jewellery</a>
                                                            <a href="#">Earrings</a>
                                                            <a href="#">Nosepins</a>
                                                            <a href="#">Braclets</a>
                                                            <a href="#">Bangels</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-banner">
                                                                <img src="img/mega-banner.jpg" alt="">
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li><a href="shop-grid.html">Men</a>
                                                <div class="megamenu">
                                                    <div class="megamenu-list clearfix">
                                                        <span>											
                                                            <a href="#" class="mega-title">Clothing</a>
                                                            <a href="#">Blazers</a>
                                                            <a href="#">Jackets</a>
                                                            <a href="#">Collections</a>
                                                            <a href="#">T-Shirts</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Dresses</a>
                                                            <a href="#">Cocktail</a>
                                                            <a href="#">Sunglass</a>
                                                            <a href="#">Evening</a>
                                                            <a href="#">Footwear</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Handbags</a>
                                                            <a href="#">Bootees Bags</a>
                                                            <a href="#">Furniture</a>
                                                            <a href="#">Exclusive</a>
                                                            <a href="#">Jackets</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-title">Jewellery</a>
                                                            <a href="#">Earrings</a>
                                                            <a href="#">Nosepins</a>
                                                            <a href="#">Braclets</a>
                                                            <a href="#">Bangels</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-banner">
                                                                <img src="img/mega-banner.jpg" alt="">
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li><a href="shop-grid.html">Footwear</a></li>
                                            <li><a href="index.html">Pages</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#" class="mega-title">Other Pages</a></li>
                                                    <li><a href="about.html">About Us</a></li>
                                                    <li><a href="blog.html">Blog Page</a></li>
                                                    <li><a href="blog-details.html">Blog Details Page</a></li>
                                                    <li><a href="account.html">My Account</a></li>
                                                    <li><a href="cart.html">Cart Page</a></li>
                                                    <li><a href="checkout.html">Checkout Page</a></li>
                                                    <li><a href="product-details.html">Product Details</a></li>
                                                    <li><a href="shop-grid.html">Shop Grid</a></li>
                                                    <li><a href="shop-list.html">Shop List</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">Contact Us</a></li>
                                        </ul>
                                    </nav>
                                </div>        
                            </div>
                        </div>
                    </div>
                </div>      
            </div>
            <!--End of Mainmenu-->
            <!-- Mobile Menu Area start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="index.html">HOME</a>
                                            <ul>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li><a href="index-4.html">Home 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">SHOP</a>
                                            <ul>
                                                <li><a href="shop-grid.html">Shop Grid</a></li>
                                                <li><a href="shop-list.html">Shop List</a></li>
                                                <li><a href="product-details.html">Product Details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">Blog</a>
                                            <ul>
                                                <li><a href="blog-details.html">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="about.html">ABOUT</a>
                                        <li><a href="#">PAGES</a>
                                            <ul>
                                                <li><a href="account.html">My Account</a></li>
                                                <li><a href="cart.html">Cart</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="wishlist.html">Wishlist</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">CONTACT</a></li>
                                    </ul>
                                </nav>
                            </div>					
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area end -->
        </header>
        <!--End of Header Area-->
        <!--Breadcrumb Start-->
        <div class="breadcrumb-container">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="breadcrumbs">
                            <ul>
                                <li class="home"><a href="index.html">Home</a><span>/ </span></li>
                                <li><strong>Blog Post</strong></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Breadcrumb-->
        <!--Blog Post Area Start-->
        <div class="blog-page-area details-page">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="left-blog-sidebar">
                            <div class="sidebar-content">
                                <div class="section-title"><h2>Search</h2></div>
                                <form action="#" id="blog-search">
                                    <input type="text" placeholder="Search" />
                                    <button class="submit"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                            <div class="sidebar-content">
                                <div class="section-title"><h2>Category</h2></div>
                                <div class="sidebar-category-list">
                                    <ul>
                                        <li><a href="#">Dresses (4)</a></li>
                                        <li><a href="#">shoes (6)</a></li>
                                        <li><a href="#">Handbags (1)</a></li>
                                        <li><a href="#">Clothing (3)</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-content post fix">
                                <div class="section-title"><h2>Recent post</h2></div>
                                <ul>
                                    <li>
                                        <div class="post-thumb"><a href="blog-details.html"><img src="img/blog/blog1.jpg" alt="" /></a></div>
                                        <div class="post-info"><a href="blog-details.html">Blog image post</a><span>March 10, 2015</span></div></li>
                                    <li>
                                        <div class="post-thumb"><a href="blog-details.html"><img src="img/blog/blog12.jpg" alt="" /></a></div>
                                        <div class="post-info"><a href="blog-details.html">Blog image post</a><span>March 10, 2015</span></div></li>
                                    <li>
                                        <div class="post-thumb"><a href="blog-details.html"><img src="img/blog/blog13.jpg" alt="" /></a></div>
                                        <div class="post-info"><a href="blog-details.html">Blog image post</a><span>March 10, 2015</span></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="sidebar-content">
                                <div class="section-title no-margin"><h2>Popular Tags</h2></div>
                                <div class="popular-tags">
                                    <ul class="tag-list">                  
                                        <li><a href="#">Curae</a></li>
                                        <li><a href="#">Vestibulum</a></li>
                                        <li><a href="#">ante</a></li>
                                        <li><a href="#">cubilia</a></li>
                                        <li><a href="#">et</a></li>
                                        <li><a href="#">faucibus</a></li>
                                        <li><a href="#">in</a></li>
                                        <li><a href="#">ipsum</a></li>
                                        <li><a href="#">luctus</a></li>
                                        <li><a href="#">orci</a></li>
                                        <li><a href="#">posuere</a></li>
                                        <li><a href="#">primis</a></li>
                                        <li><a href="#">ultrices</a></li>
                                    </ul>
                                    <div class="tag-actions">
                                        <a href="#">View All Tags</a>
                                    </div>
                                </div>
                            </div>
                            <div class="sidebar-content">
                                <div class="section-title"><h2>Blog Archives</h2></div>
                                <div class="sidebar-category-list">
                                    <ul>
                                        <li><a href="#">January 2016</a></li>
                                        <li><a href="#">December 2015</a></li>
                                        <li><a href="#">November 2015</a></li>
                                        <li><a href="#">September 2015</a></li>
                                        <li><a href="#">August 2015</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="single-blog no-margin">
                            <div class="post-thumbnail"><img src="img/blog/blog-1.jpg" alt="" /></div>
                            <div class="postinfo-wrapper">
                                <div class="post-date">
                                    <span class="day">10</span><span class="month">Mar</span>
                                </div>
                                <div class="post-info">
                                    <h1 class="blog-post-title">Blog image post layout investigationes demonstraverunt</h1>
                                    <div class="entry-meta">
                                        Posted by <span class="author vcard"><a class="url fn n" href="#" title="View all posts by admin" rel="author">admin</a></span> / <a href="#" rel="category tag">Fashion</a>, <a href="#" rel="category tag">WordPress</a>
                                    </div>
                                    <div class="entry-summary">
                                        <p>Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium arcu ex. Aenean posuere libero eu augue condimentum rhoncus. Praesent ornare tortor ac ante egestas hendrerit. Aliquam et metus pharetra, bibendum massa nec, fermentum odio. Nunc id leo ultrices, mollis ligula in, finibus tortor. Mauris eu dui ut lectus fermentum</p>
                                        <blockquote>
                                            <p>Quisque semper nunc vitae erat pellentesque, ac placerat arcu consectetur. In venenatis elit ac ultrices convallis. Duis est nisi, tincidunt ac urna sed, cursus blandit lectus. In ullamcorper sit amet ligula ut eleifend. Proin dictum tempor ligula, ac feugiat metus. Sed finibus tortor eu scelerisque scelerisque.</p>
                                        </blockquote>
                                        <p>Aenean et tempor eros, vitae sollicitudin velit. Etiam varius enim nec quam tempor, sed efficitur ex ultrices. Phasellus pretium est vel dui vestibulum condimentum. Aenean nec suscipit nibh. Phasellus nec lacus id arcu facilisis elementum. Curabitur lobortis, elit ut elementum congue, erat ex bibendum odio, nec iaculis lacus sem non lorem. Duis suscipit metus ante, sed convallis quam posuere quis. Ut tincidunt eleifend odio, ac fringilla mi vehicula nec. Nunc vitae lacus eget lectus imperdiet tempus sed in dui. Nam molestie magna at risus consectetur, placerat suscipit justo dignissim. Sed vitae fringilla enim, nec ullamcorper arcu.</p>
                                        <p>Suspendisse turpis ipsum, tempus in nulla eu, posuere pharetra nibh. In dignissim vitae lorem non mollis. Praesent pretium tellus in tortor viverra condimentum. Nullam dignissim facilisis nisl, accumsan placerat justo ultricies vel. Vivamus finibus mi a neque pretium, ut convallis dui lacinia. Morbi a rutrum velit. Curabitur sagittis quam quis consectetur mattis. Aenean sit amet quam vel turpis interdum sagittis et eget neque. Nunc ante quam, luctus et neque a, interdum iaculis metus. Aliquam vel ante mattis, placerat orci id, vehicula quam. Suspendisse quis eros cursus, viverra urna sed, commodo mauris. Cras diam arcu, fringilla a sem condimentum, viverra facilisis nunc. Curabitur vitae orci id nulla maximus maximus. Nunc pulvinar sollicitudin molestie.</p>
                                    </div>
                                    <div class="entry-meta">
                                        <a href="#">3 comments </a><span class="author vcard">/ Tags:</span> / <a href="#">fashion</a>, <a href="#">t-shirt</a>, <a href="#">white</a>
                                    </div>
                                    <div class="share-icon">
                                        <h3>Share this post</h3>
                                        <ul>
                                            <li><a class="facebook" target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a class="twitter" target="_blank" href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a class="pinterest" target="_blank" href="#"><i class="fa fa-pinterest"></i></a></li>
                                            <li><a class="google-plus" target="_blank" href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a class="linkedin" target="_blank" href="#"><i class="fa fa-linkedin"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="author-info">
                                        <div class="author-avatar">
                                            <img alt="" src="img/avatar.png">
                                        </div>
                                        <div class="author-description">
                                            <h2>About the Author: 
                                                <a href="#">Admin</a>
                                            </h2>
                                            <p>Cras id nulla at metus congue auctor. Suspendisse auctor dictum orci quis interdum. Nullam et eleifend metus. Integer in est orci. Duis hendrerit ex metus, vel tempor sem aliquet nec. Donec ornare hendrerit bibendum. Nullam dui erat, tempus eu nisl vitae, venenatis gravida ipsum. Suspendisse potenti.</p>
                                        </div>
                                    </div>

                                    <div class="reply-comment-area">
                                        <h3>3 comments</h3>
                                        <div class="single-reply">
                                            <div class="comment-author">
                                                <img alt="" src="img/comment/1.jpg">
                                            </div>
                                            <div class="comment-info">
                                                <div class="comment-author-info">
                                                    <a href="#"><b>admin</b></a>
                                                    Post author
                                                    <span>October 6, 2014 at 1:38 am</span>
                                                    <a href="#">Reply</a>
                                                </div>
                                                <p>just a nice post</p>
                                            </div>
                                        </div>
                                        <div class="single-reply user-comment">
                                            <div class="comment-author">
                                                <img alt="" src="img/comment/1.jpg">
                                            </div>
                                            <div class="comment-info">
                                                <div class="comment-author-info">
                                                    <a href="#"><b>demo</b></a>
                                                    Post author
                                                    <span>October 6, 2014 at 1:38 am</span>
                                                    <a href="#">Reply</a>
                                                </div>
                                                <p>just a nice post</p>
                                            </div>
                                        </div>
                                        <div class="single-reply">
                                            <div class="comment-author">
                                                <img alt="" src="img/comment/1.jpg">
                                            </div>
                                            <div class="comment-info">
                                                <div class="comment-author-info">
                                                    <a href="#"><b>admin</b></a>
                                                    Post author
                                                    <span>October 6, 2014 at 1:38 am</span>
                                                    <a href="#">Reply</a>
                                                </div>
                                                <p>just a nice post</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="user-comment-form-area">
                                        <h3>Leave a Reply</h3>
                                        <form action="#" method="post">
                                            <p>Your email address will not be published. Required fields are marked <span class="required">*</span></p>
                                            <ul class="form-list">
                                                <li>
                                                    <div class="fields">
                                                        <div class="field name">
                                                            <label for="name"><em>*</em>Name</label>
                                                            <div class="input-box">
                                                                <input type="text" class="input-text" title="Name" name="name" id="name">
                                                            </div>
                                                        </div>
                                                        <div class="field email">
                                                            <label for="email"><em>*</em>Email</label>
                                                            <div class="input-box">
                                                                <input type="text" class="input-text" title="Email" name="email" id="email">
                                                            </div>
                                                        </div>
                                                        <div class="field website">
                                                            <label for="website"><em>*</em>Website</label>
                                                            <div class="input-box">
                                                                <input type="text" class="input-text" title="Website" name="website" id="website">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="field comment">
                                                        <label for="comment">Comment</label>
                                                        <div class="input-box">
                                                            <textarea name="comment" class="input-text" id="comment" cols="30" rows="5"></textarea>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li><button type="button" class="button floatright"><span>Submit</span></button></li>
                                            </ul>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Blog Post Area-->  
        <!--Brand Area Strat-->
        <div class="brand-area">
            <div class="container">
                <div class="brand-content">
                    <div class="row">
                        <div class="brand-carousel">
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/2.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/3.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/4.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/5.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/6.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/6.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Brand Area-->
        <!--Service Area Start-->
        <div class="service-area">
            <div class="container">
                <div class="service-padding">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-truck"></span>
                                <h3>fREE SHIPPING</h3>
                                <p>One order over $99</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-dropbox"></span>
                                <h3>Special gift cards</h3>
                                <p> Give the perfect gift</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-calendar-o"></span>
                                <h3>Daily promotion</h3>
                                <p> Set up perspiciatis unde</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 hidden-sm col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-comments-o"></span>
                                <h3>Special gift cards</h3>
                                <p> Give the perfect gift</p>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Service Area-->
        <!--Footer Widget Area Start-->
        <div class="footer-widget-area">
            <div class="container">
                <div class="footer-widget-padding"> 
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>our support</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul>
                                        <li><a href="#">Sitemap</a></li>
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Your Account</a></li>
                                        <li><a href="#">Advanced Search</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 hidden-sm col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>My account</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul>
                                        <li><a href="#">My Account</a></li>
                                        <li><a href="#">Order History</a></li>
                                        <li><a href="#">Returns</a></li>
                                        <li><a href="#">Specials</a></li>
                                        <li><a href="#">Site Map</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>Contact us</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul class="address">
                                        <li><span class="fa fa-map-marker"></span> Addresss: Lorem ipsum dolor</li>
                                        <li><span class="fa fa-phone"></span> (800) 0123 4567 890</li>
                                        <li class="support-link"><span class="fa fa-envelope-o"></span> admin@bootexperts.com</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>Sign up for newsletter</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <form id="newsletter" method="post" action="#">
                                        <div class="newsletter-content">
                                           <input type="text" name="email">
                                            <button class="button" type="submit"><span>Subscribe</span></button>
                                        </div>
                                    </form>
                                    <ul class="social-link">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>     
            </div>
        </div>
        <!--End of Footer Widget Area-->
        <!--Footer Area Start-->
        <footer class="footer">
            <div class="container">
                <div class="footer-padding">   
                    <div class="row">
                        <div class="col-lg-7 col-md-7 col-sm-8">
                            <nav>
                                <ul id="footer-menu">
                                    <li><a href="#">About Us</a></li>
                                    <li><a href="#">Contact Us</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                                <p class="author">Copyright © 2016 <a href="#">BootExperts</a> All Rights Reserved.</p>
                            </nav>
                        </div>
                        <div class="col-lg-5 col-md-5 col-sm-4">
                            <p class="payment-image">
                                <img src="img/payment.png" alt="">
                            </p>
                        </div>
                    </div>
                </div>    
            </div>
        </footer>
        <!--End of Footer Area-->
        
		<!-- jquery
		============================================ -->		
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
        
		<!-- bootstrap JS
		============================================ -->		
        <script src="js/bootstrap.min.js"></script>
        
        <!-- nivo slider js
		============================================ -->       
		<script src="src/lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
		<script src="src/lib/nivo-slider/home.js" type="text/javascript"></script>
		
		<!-- wow JS
		============================================ -->		
        <script src="js/wow.min.js"></script>
        	
		<!-- meanmenu JS
		============================================ -->		
        <script src="js/jquery.meanmenu.js"></script>
        
		<!-- owl.carousel JS
		============================================ -->		
        <script src="js/owl.carousel.min.js"></script>
        
		<!-- price-slider JS
		============================================ -->		
        <script src="js/jquery-price-slider.js"></script>	
        
		<!-- scrollUp JS
		============================================ -->		
        <script src="js/jquery.scrollUp.min.js"></script>
        
        <!--Countdown js-->
        <script src="js/jquery.countdown.min.js"></script>
        
		<!-- Sticky Menu JS
		============================================ -->		
        <script src="js/jquery.sticky.js"></script>
        
		<!-- Elevatezoom JS
		============================================ -->		
        <script src="js/jquery.elevateZoom-3.0.8.min.js"></script>
        
		<!-- plugins JS
		============================================ -->		
        <script src="js/plugins.js"></script>
        
		<!-- main JS
		============================================ -->		
        <script src="js/main.js"></script>
    </body>
</html>